<template>
      <tree :data="Data"></tree> 
  </template>
  <script setup>
  import Tree from "@/components/Tree.vue";
  // import {ref} from 'vue';
  let Data = [
			{ "id": 1, "name": "全部分类", "pId": 0, "level": 1, "img": "" },
			{ "id": 2, "name": "女装", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/707d6060-cbb7-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 3, "name": "男装", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/a1306ae0-cbb7-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 4, "name": "美妆", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/c8a7b830-cbb7-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 5, "name": "医药", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/e6a33210-cbb7-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 6, "name": "箱包", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/ef216ba0-cbb7-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 7, "name": "百货", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/f5d4a930-cbb7-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 8, "name": "鞋靴", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/fdc45e60-cbb7-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 9, "name": "手机", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/03899270-cbb8-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 10, "name": "母婴", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/0909a730-cbb8-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 11, "name": "饰品", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/1049e280-cbb8-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 12, "name": "进口", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/16f81700-cbb8-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 13, "name": "食品", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/1c5f4c90-cbb8-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 14, "name": "内衣", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/22d3fa80-cbb8-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 15, "name": "运动", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/27d3bbb0-cbb8-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 16, "name": "家装", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/32157730-cbb8-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 17, "name": "洗护", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/3734ce50-cbb8-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 18, "name": "数码", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/3d4981f0-cbb8-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 19, "name": "电器", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/42cd6740-cbb8-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 20, "name": "车品", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/4a5f1df0-cbb8-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 21, "name": "企业", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/4fdebd80-cbb8-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 22, "name": "保健", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/56ba1c80-cbb8-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 23, "name": "生鲜", "pId": 1, "level": null, "img": "http://localhost:3003/images/common/664bdc10-cbb8-11ea-8d4a-bf562cfb5ba9.jpeg" },
			{ "id": 24, "name": "流行趋势", "pId": 2, "level": null, "img": "" },
			{ "id": 25, "name": "女裙", "pId": 2, "level": null, "img": "" },
			{ "id": 26, "name": "上装", "pId": 2, "level": null, "img": "" },
			{ "id": 27, "name": "女裤", "pId": 2, "level": null, "img": "" },
			{ "id": 28, "name": "套装", "pId": 2, "level": null, "img": "" },
			{ "id": 29, "name": "外套", "pId": 2, "level": null, "img": "" },
			{ "id": 30, "name": "方领连衣裙", "pId": 24, "level": null, "img": "http://localhost:3003/images/common/52f91a10-cbfe-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 31, "name": "泡泡袖", "pId": 24, "level": null, "img": "http://localhost:3003/images/common/59e89d50-cbfe-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 32, "name": "JK制服", "pId": 24, "level": null, "img": "http://localhost:3003/images/common/64e914f0-cbfe-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 33, "name": "洛丽塔", "pId": 24, "level": null, "img": "http://localhost:3003/images/common/6ad69180-cbfe-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 34, "name": "西装连衣裙", "pId": 24, "level": null, "img": "http://localhost:3003/images/common/754f3b80-cbfe-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 35, "name": "束脚裤", "pId": 24, "level": null, "img": "http://localhost:3003/images/common/7f4966b0-cbfe-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 36, "name": "连衣裙", "pId": 25, "level": null, "img": "http://localhost:3003/images/common/8bfbfb20-cbfe-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 37, "name": "半身裙", "pId": 25, "level": null, "img": "http://localhost:3003/images/common/94654d20-cbfe-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 38, "name": "旗袍", "pId": 25, "level": null, "img": "http://localhost:3003/images/common/99251f20-cbfe-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 39, "name": "T恤", "pId": 26, "level": null, "img": "http://localhost:3003/images/common/a3d4deb0-cbfe-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 40, "name": "衬衫", "pId": 26, "level": null, "img": "http://localhost:3003/images/common/a8d674a0-cbfe-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 41, "name": "雪纺衫", "pId": 26, "level": null, "img": "http://localhost:3003/images/common/b0612670-cbfe-11ea-9199-4f212e5ee595.png" },
			{ "id": 42, "name": "卫衣", "pId": 26, "level": null, "img": "http://localhost:3003/images/common/b5b10370-cbfe-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 43, "name": "毛衣", "pId": 26, "level": null, "img": "http://localhost:3003/images/common/baeb0e80-cbfe-11ea-9199-4f212e5ee595.png" },
			{ "id": 44, "name": "马甲", "pId": 26, "level": null, "img": "http://localhost:3003/images/common/bffea5d0-cbfe-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 45, "name": "休闲裤", "pId": 27, "level": null, "img": "http://localhost:3003/images/common/c9b92ff0-cbfe-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 46, "name": "牛仔裤", "pId": 27, "level": null, "img": "http://localhost:3003/images/common/cfb57990-cbfe-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 47, "name": "打底裤", "pId": 27, "level": null, "img": "http://localhost:3003/images/common/d5c32850-cbfe-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 48, "name": "西装裤", "pId": 27, "level": null, "img": "http://localhost:3003/images/common/dba6e0e0-cbfe-11ea-9199-4f212e5ee595.png" },
			{ "id": 49, "name": "棉裤羽绒裤", "pId": 27, "level": null, "img": "http://localhost:3003/images/common/01b8d1d0-cbff-11ea-9199-4f212e5ee595.png" },
			{ "id": 50, "name": "时尚套装", "pId": 28, "level": null, "img": "http://localhost:3003/images/common/102a5450-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 51, "name": "运动套装", "pId": 28, "level": null, "img": "http://localhost:3003/images/common/15f3a710-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 52, "name": "短外套", "pId": 29, "level": null, "img": "http://localhost:3003/images/common/1fb64780-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 53, "name": "风衣", "pId": 29, "level": null, "img": "http://localhost:3003/images/common/247b97c0-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 54, "name": "西装", "pId": 29, "level": null, "img": "http://localhost:3003/images/common/29e0d180-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 55, "name": "毛呢大衣", "pId": 29, "level": null, "img": "http://localhost:3003/images/common/2ff29ef0-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 56, "name": "羽绒服", "pId": 29, "level": null, "img": "http://localhost:3003/images/common/35531dc0-cbff-11ea-9199-4f212e5ee595.png" },
			{ "id": 57, "name": "棉衣棉服", "pId": 29, "level": null, "img": "http://localhost:3003/images/common/3bb79f10-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 58, "name": "皮草", "pId": 29, "level": null, "img": "http://localhost:3003/images/common/41e5a710-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 59, "name": "皮衣", "pId": 29, "level": null, "img": "http://localhost:3003/images/common/47453b80-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 60, "name": "流行趋势", "pId": 3, "level": null, "img": "" },
			{ "id": 61, "name": "裤子", "pId": 3, "level": null, "img": "" },
			{ "id": 62, "name": "上装", "pId": 3, "level": null, "img": "" },
			{ "id": 63, "name": "正装套装", "pId": 3, "level": null, "img": "" },
			{ "id": 64, "name": "冰感T恤", "pId": 60, "level": null, "img": "http://localhost:3003/images/common/88f9c230-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 65, "name": "伞兵裤", "pId": 60, "level": null, "img": "http://localhost:3003/images/common/8df84ae0-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 66, "name": "无性别T恤", "pId": 60, "level": null, "img": "http://localhost:3003/images/common/94f1e040-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 67, "name": "夜跑裤", "pId": 60, "level": null, "img": "http://localhost:3003/images/common/9a188a60-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 68, "name": "工装裤", "pId": 61, "level": null, "img": "http://localhost:3003/images/common/aa1a97f0-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 69, "name": "牛仔短裤", "pId": 61, "level": null, "img": "http://localhost:3003/images/common/b2dae390-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 70, "name": "牛仔长裤", "pId": 61, "level": null, "img": "http://localhost:3003/images/common/ba1b45f0-cbff-11ea-9199-4f212e5ee595.png" },
			{ "id": 71, "name": "皮裤", "pId": 61, "level": null, "img": "http://localhost:3003/images/common/bef1ad30-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 72, "name": "休闲长裤", "pId": 61, "level": null, "img": "http://localhost:3003/images/common/c50883b0-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 73, "name": "Polo衫", "pId": 62, "level": null, "img": "http://localhost:3003/images/common/da61c140-cbff-11ea-9199-4f212e5ee595.png" },
			{ "id": 74, "name": "T恤", "pId": 62, "level": null, "img": "http://localhost:3003/images/common/df45bd10-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 75, "name": "背心马甲", "pId": 62, "level": null, "img": "http://localhost:3003/images/common/e5bcb4f0-cbff-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 76, "name": "衬衫", "pId": 62, "level": null, "img": "http://localhost:3003/images/common/ec8ec520-cbff-11ea-9199-4f212e5ee595.png" },
			{ "id": 77, "name": "短外套", "pId": 62, "level": null, "img": "http://localhost:3003/images/common/f415cd70-cbff-11ea-9199-4f212e5ee595.png" },
			{ "id": 78, "name": "风衣", "pId": 62, "level": null, "img": "http://localhost:3003/images/common/fb043f40-cbff-11ea-9199-4f212e5ee595.png" },
			{ "id": 79, "name": "毛呢大衣", "pId": 62, "level": null, "img": "http://localhost:3003/images/common/0019f970-cc00-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 80, "name": "毛衣", "pId": 62, "level": null, "img": "http://localhost:3003/images/common/05d5deb0-cc00-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 81, "name": "棉衣", "pId": 62, "level": null, "img": "http://localhost:3003/images/common/0a560fa0-cc00-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 82, "name": "皮衣", "pId": 62, "level": null, "img": "http://localhost:3003/images/common/0fc8ddf0-cc00-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 83, "name": "卫衣", "pId": 62, "level": null, "img": "http://localhost:3003/images/common/14e4b2a0-cc00-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 84, "name": "羊绒衫", "pId": 62, "level": null, "img": "http://localhost:3003/images/common/19eefb20-cc00-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 85, "name": "羽绒服", "pId": 62, "level": null, "img": "http://localhost:3003/images/common/20ab8780-cc00-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 86, "name": "西服", "pId": 63, "level": null, "img": "http://localhost:3003/images/common/2eb631e0-cc00-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 87, "name": "西服套装", "pId": 63, "level": null, "img": "http://localhost:3003/images/common/33210610-cc00-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 88, "name": "西裤", "pId": 63, "level": null, "img": "http://localhost:3003/images/common/396ad370-cc00-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 89, "name": "休闲套装", "pId": 63, "level": null, "img": "http://localhost:3003/images/common/3e819f10-cc00-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 90, "name": "彩妆", "pId": 4, "level": null, "img": "" },
			{ "id": 91, "name": "护肤", "pId": 4, "level": null, "img": "" },
			{ "id": 92, "name": "美容美体", "pId": 4, "level": null, "img": "" },
			{ "id": 93, "name": "彩妆套装", "pId": 90, "level": null, "img": "http://localhost:3003/images/common/ed0fbf80-cc00-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 94, "name": "粉底", "pId": 90, "level": null, "img": "http://localhost:3003/images/common/f1ec6850-cc00-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 95, "name": "隔离", "pId": 90, "level": null, "img": "http://localhost:3003/images/common/fa2f1f80-cc00-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 96, "name": "化妆工具", "pId": 90, "level": null, "img": "http://localhost:3003/images/common/ff9320c0-cc00-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 97, "name": "睫毛膏", "pId": 90, "level": null, "img": "http://localhost:3003/images/common/06b76fa0-cc01-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 98, "name": "口红", "pId": 90, "level": null, "img": "http://localhost:3003/images/common/0ccebb50-cc01-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 99, "name": "眉粉", "pId": 90, "level": null, "img": "http://localhost:3003/images/common/13d87d50-cc01-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 100, "name": "修容", "pId": 90, "level": null, "img": "http://localhost:3003/images/common/1b83fd90-cc01-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 101, "name": "眼影眼线", "pId": 90, "level": null, "img": "http://localhost:3003/images/common/22b8ee40-cc01-11ea-9199-4f212e5ee595.jpeg" },
			{ "id": 102, "name": "鼻贴", "pId": 91, "level": null, "img": "http://localhost:3003/images/common/82ad92c0-cc1e-11ea-abbe-6755e5a10676.jpeg" },
			{ "id": 103, "name": "防晒", "pId": 91, "level": null, "img": "http://localhost:3003/images/common/8ef46d10-cc1e-11ea-abbe-6755e5a10676.jpeg" },
			{ "id": 104, "name": "护肤套装", "pId": 91, "level": null, "img": "http://localhost:3003/images/common/a9836ff0-cc1e-11ea-abbe-6755e5a10676.jpeg" },
			{ "id": 105, "name": "化妆水", "pId": 91, "level": null, "img": "http://localhost:3003/images/common/b64bd650-cc1e-11ea-abbe-6755e5a10676.jpeg" },
			{ "id": 106, "name": "洁面", "pId": 91, "level": null, "img": "http://localhost:3003/images/common/be47c080-cc1e-11ea-abbe-6755e5a10676.png" },
			{ "id": 107, "name": "精华", "pId": 91, "level": null, "img": "http://localhost:3003/images/common/eaf4fa30-cc1e-11ea-abbe-6755e5a10676.jpeg" },
			{ "id": 108, "name": "面膜", "pId": 91, "level": null, "img": "http://localhost:3003/images/common/f75aa720-cc1e-11ea-abbe-6755e5a10676.jpeg" },
			{ "id": 109, "name": "男士洁面", "pId": 91, "level": null, "img": "http://localhost:3003/images/common/00b3fe70-cc1f-11ea-abbe-6755e5a10676.jpeg" },
			{ "id": 110, "name": "乳霜面霜", "pId": 91, "level": null, "img": "http://localhost:3003/images/common/0834ec40-cc1f-11ea-abbe-6755e5a10676.jpeg" },
			{ "id": 111, "name": "润唇膏", "pId": 91, "level": null, "img": "http://localhost:3003/images/common/186c88c0-cc1f-11ea-abbe-6755e5a10676.jpeg" },
			{ "id": 112, "name": "卸妆", "pId": 91, "level": null, "img": "http://localhost:3003/images/common/1f72c850-cc1f-11ea-abbe-6755e5a10676.jpeg" },
			{ "id": 113, "name": "眼霜", "pId": 91, "level": null, "img": "http://localhost:3003/images/common/2ac00060-cc1f-11ea-abbe-6755e5a10676.jpeg" },
			{ "id": 114, "name": "美甲", "pId": 92, "level": null, "img": "http://localhost:3003/images/common/5cc10eb0-cc1f-11ea-abbe-6755e5a10676.jpeg" },
			{ "id": 115, "name": "美容仪", "pId": 92, "level": null, "img": "http://localhost:3003/images/common/62300c70-cc1f-11ea-abbe-6755e5a10676.jpeg" },
			{ "id": 116, "name": "手霜手膜", "pId": 92, "level": null, "img": "http://localhost:3003/images/common/68826550-cc1f-11ea-abbe-6755e5a10676.jpeg" },
			{ "id": 117, "name": "香水", "pId": 92, "level": null, "img": "http://localhost:3003/images/common/6e310420-cc1f-11ea-abbe-6755e5a10676.jpeg" },
			{ "id": 118, "name": "运动穿搭", "pId": 15, "level": null, "img": "" },
			{ "id": 119, "name": "健身塑型", "pId": 15, "level": null, "img": "" },
			{ "id": 120, "name": "户外运动", "pId": 15, "level": null, "img": "" },
			{ "id": 121, "name": "球类及包配", "pId": 15, "level": null, "img": "" },
			{ "id": 122, "name": "自行车", "pId": 120, "level": null, "img": "" },
			{ "id": 123, "name": "电脑笔记本", "pId": 18, "level": null, "img": "" },
			{ "id": 124, "name": "数码配件", "pId": 18, "level": null, "img": "" },
			{ "id": 125, "name": "影音娱乐", "pId": 18, "level": null, "img": "" },
			{ "id": 126, "name": "智能设备", "pId": 18, "level": null, "img": "" },
			{ "id": 127, "name": "商务办公", "pId": 18, "level": null, "img": "" },
			{ "id": 128, "name": "网络产品", "pId": 18, "level": null, "img": "" },
			{ "id": 129, "name": "摄影摄像", "pId": 18, "level": null, "img": "" },
			{ "id": 130, "name": "乐器", "pId": 18, "level": null, "img": "" },
			{ "id": 131, "name": "整机一体机", "pId": 123, "level": null, "img": "" },
			{ "id": 132, "name": "笔记本电脑", "pId": 123, "level": null, "img": "" },
			{ "id": 133, "name": "平板电脑", "pId": 123, "level": null, "img": "" },
			{ "id": 134, "name": "鼠标键盘", "pId": 123, "level": null, "img": "" },
			{ "id": 135, "name": "显示器", "pId": 123, "level": null, "img": "" }
		]
//    const Data=ref ([]);
// async function loadList() {
//     let response = await fetch('https://interview.yqcloud.top/api/menus',);
//     let res = await response.json();
//    Data.value =res;
// }
// loadList();
  </script>

  

 